<template>
  <div id="div-1" class="py-1 bg-gray-100">
    <div class="mx-[10%] " id="content">
      <a-flex class="gap-1" id="sub1-content">
        <a-flex class="bg-white p-4 w-2/5" :vertical="true" id="sub1-left">
          <a-typography-title id="sub1-left-title" :level="5">地方指标数据对比查询选地域属性</a-typography-title>
          <a-form :label-col="{ span: 5 }" :wrapper-col="{ span: 19 }" id="sub1-form">
            <a-form-item label="选地域属性" class="!mb-2" id="sub1-form-item1">
              <a-radio-group id="sub1-form-radio-group">
                <a-radio value="1" id="sub1-form-radio1">国家</a-radio>
                <a-radio value="2" id="sub1-form-radio2">省份</a-radio>
                <a-radio value="3" id="sub1-form-radio3">地级市</a-radio>
                <a-radio value="4" id="sub1-form-radio4">县市区</a-radio>
              </a-radio-group>
            </a-form-item>
            <a-form-item label="选指标" class="!mb-2" id="sub1-form-item2">
              <a-select placeholder="请您先选择地域属性" id="sub1-form-sel1" class="!w-[70%]"></a-select>
              <a-select placeholder="请您选择指标" id="sub1-form-sel2" class="mt-2 !w-[70%]"></a-select>
            </a-form-item>
            <a-form-item label="添加地区" class="!mb-2" id="sub1-form-item3">
              <a-input placeholder="请输入地区" id="sub1-form-input1" class="w-[70%]"></a-input>
              <a-typography-link id="sub1-form-link1" class="ml-2 bg-blue-600 !text-white inline-block py-1 px-2">增加地区</a-typography-link>
            </a-form-item>
            <a-form-item :wrapper-col="{ offset: 5, span: 18 }" id="sub1-form-item4">
              <a-typography-link id="sub1-form-link2" class="!text-white bg-green-400 py-1 px-2 inline-block">搜索</a-typography-link>
              <a-typography-paragraph id="sub1-form-tip" class="mt-1 text-sm !mb-0">
              说明：至少可添加2个地区，最多可以添加10个地区。
              </a-typography-paragraph>
            </a-form-item>
          </a-form>
          <a-flex class="gap-2 flex-row flex-wrap" id="sub1-left-links">
            <a-typography-link class="text-sm rounded-xl border-solid border-blue-400 !text-blue-400 px-1" href="#" v-for="(item, index) in list" :key="index" :id="`tags-${index}`">{{item}}</a-typography-link>
          </a-flex>
        </a-flex>
        <a-flex class="w-3/5 gap-1" :vertical="true" id="sub1-right">
          <a-flex class="bg-white py-4" justify="center" align="center" id="sub1-right-title">
            <a-typography-title :level="3" class="!m-0" id="sub1-right-title1">全国医生数据库</a-typography-title>
          </a-flex>
          <a-flex class="gap-1" id="sub1-right-content">
            <a-flex :id="`sub1-right-content-${index}`" class="bg-white p-2 flex-1" :vertical="true" v-for="(item, index) in data" :key="index">
              <a-flex align="center" class="justify-between" :id="`sub1-right-content-title-${index}`">
                <a-typography-title :id="`sub1-right-content-att-${index}`" class="!m-0" :level="5">{{item.title}}</a-typography-title>
                <a-typography-text :id="`sub1-right-content-tag-${index}`" class="bg-gray-200 px-2 rounded-xl text-sm !text-gray-600">{{item.tag}}</a-typography-text>
              </a-flex>
              <a-divider class="my-2" :id="`sub1-right-content-divider-${index}`"></a-divider>
              <a-flex :id="`sub1-right-content-flex-${index}-${indexJ}`" v-for="(detail, indexJ) in item.list" :key="indexJ" align="center" class="mb-1">
                <a-typography-paragraph :id="`sub1-right-content-atp1-${index}-${indexJ}`" class="!m-0 w-2 h-2 inline-block bg-red-200 rounded-full"></a-typography-paragraph>
                <a-typography-paragraph class="!m-0 !ml-1 w-[80%] flex" :id="`sub1-right-content-atp2-${index}-${indexJ}`">
                  <a-typography-paragraph :id="`sub1-right-content-atp2-atp1-${index}-${indexJ}`" class="!m-0" :ellipsis="true">{{detail.content}}</a-typography-paragraph>
                  <a-typography-paragraph :id="`sub1-right-content-detail-${index}-${indexJ}`" :ellipsis="true" class="!m-0 flex-1 text-gray-400 !mt-[2px] text-sm !ml-1">{{detail.sub}}</a-typography-paragraph>
                </a-typography-paragraph>
                <a-typography-paragraph :id="`sub1-right-content-time-${index}-${indexJ}`" class="!m-0 text-red-400 text-sm justify-self-end	" v-if="detail.time">{{detail.time}}</a-typography-paragraph>
              </a-flex>
            </a-flex>
            <a-flex :vertical="true" class="bg-white flex-1 p-2" id="sub1-right-content-right">
              <a-typography-title class="!m-0" :level="5" id="sub1-right-gxtj">高校推荐</a-typography-title>
              <a-divider class="my-2" id="sub1-right-divider"></a-divider>
              <a-flex :vertical="true" align="center" id="sub1-right-box" justify="center">
                <a-typography-link class="text-center" id="sub1-right-xx-link1">
                  <a-image :src="usImg1" :preview="false" id="sub1-right-xx-img1"></a-image>
                  <a-typography-text class="block my-2 font-bold" id="sub1-right-xx-text">西北工业大学</a-typography-text>
                </a-typography-link>
                <a-typography-link class="text-center" id="sub1-right-xx-link2">
                  <a-image :src="usImg2" :preview="false" id="sub1-right-xx-img1"></a-image>
                  <a-typography-text class="block my-2 font-bold" id="sub1-right-xx-text">北京化工大学</a-typography-text>
                </a-typography-link>
              </a-flex>
            </a-flex>
          </a-flex>
        </a-flex>
      </a-flex>
      <div class="bg-white p-4 mt-2" id="sub2-content">
        <a-flex align="center" class="justify-between" id="sub2-top">
          <a-typography-title class="!m-0" :level="5" id="sub2-title">城巿数据</a-typography-title>
          <a-radio-group :value="0" name="radioGroup" id="sub2-radios">
            <a-radio :value="index" :id="`sub2-radio-${index}`" v-for="(item, index) in sub2Radio" :key="index">{{item}}</a-radio>
          </a-radio-group>
        </a-flex>
        <a-flex class="gap-2 mt-4" id="sub2-top-gdps">
          <a-typography-link :id="`sub2-top-gdp-link-${index}`" class="relative flex-1 bg-blue-300 px-2 py-4 rounded-xl" v-for="(item, index) in cityGDP" :key="index">
            <a-typography-text :id="`sub2-top-gdp-top-${index}`" class="absolute right-0 top-0 bg-yellow-700 !text-white text-sm rounded-bl-md rounded-tr-md px-1">{{"TOP" + (index + 1)}}</a-typography-text>
            <a-typography-text :id="`sub2-top-gdp-city-${index}`" class="!text-yellow-500 font-bold text-xl">{{item.city}}</a-typography-text>
            <a-flex class="mt-1" :id="`sub2-top-gdp-num-${index}`">
              <a-typography-text :id="`sub2-top-gdp-num-tip-${index}`" class="text-xs text-white bg-orange-300 rounded-md px-1">GDP</a-typography-text>
              <a-typography-text :id="`sub2-top-gdp-num-text-${index}`" class="text-xs ml-1 text-white">{{item.gdp}}</a-typography-text>
            </a-flex>
            <a-flex align="center" class="mt-1" :id="`sub2-top-gdp-link-bottom-${index}`">
              <EyeOutlined  class="text-gray-400" :id="`sub2-top-gdp-link-icon-${index}`"/>
              <a-typography-text class="ml-1 relative" :id="`sub2-top-gdp-link-person-${index}`">
                {{item.num }}
                <a-typography-text class="absolute text-red-400 text-sm" :id="`sub2-top-gdp-link-w-${index}`">W</a-typography-text>
              </a-typography-text>
            </a-flex>
          </a-typography-link>
        </a-flex>
      </div>
      <a-flex class="mt-2 gap-2" id="sub2-data">
        <a-flex :vertical="true" class="p-4 bg-white flex-1" id="sub2-data-flex1">
          <a-flex class="justify-between" id="sub2-title1">
            <a-typography-title :level="5" id="sub2-title1-att">
              省份
              <a-typography-text id="sub2-title1-top" class="bg-green-500 !text-white p-1 rounded-sm">TOP10</a-typography-text>
            </a-typography-title>
            <a-typography-text class="inline-block " id="sub2-title1-right">
              人均GDP单位：万元
            </a-typography-text>
          </a-flex>
          <a-table size="small" id="su2-table1" :columns="columns1" :data-source="dataSource1" :pagination="false">
            <template #bodyCell="{ column, record }">
              <template v-if="column.key === 'city'">
                <a-typography-link>
                  {{ record.city }}
                </a-typography-link>
              </template>
            </template>
          </a-table>
        </a-flex>
        <a-flex :vertical="true" class="bg-white p-4 flex-1" id="sub2-data-flex2">
          <a-flex class="justify-between" id="sub2-title2">
            <a-typography-title :level="5" id="sub2-title2-att">
              市辖区
              <a-typography-text id="sub2-title2-top" class="bg-green-500 !text-white p-1 rounded-sm">TOP10</a-typography-text>
            </a-typography-title>
            <a-typography-text class="inline-block" id="sub2-title2-right">
              <a-radio-group id="sub2-title2-radio">
                <a-radio value="1" id="sub2-title2-radio1">GDP</a-radio>
                <a-radio value="2" id="sub2-title2-radio2">热度</a-radio>
              </a-radio-group>
            </a-typography-text>
          </a-flex>
          <a-table id="sub2-table2" size="small" :columns="columns2" :data-source="areaGDP" :pagination="false">
            <template #bodyCell="{ column, record }">
              <template v-if="column.key === 'city'">
                <a-typography-link :id="`sub2-table2-city-${record.index}`">
                  {{ record.city }}
                </a-typography-link>
              </template>
            </template>
          </a-table>
        </a-flex>
        <a-flex :vertical="true" class="bg-white p-4 flex-1" id="sub2-data-flex3">
          <a-flex class="justify-between" id="sub2-title3">
            <a-typography-title :level="5" id="sub2-title3-att">
              国家
              <a-typography-text id="sub2-title3-top" class="bg-green-500 !text-white p-1 rounded-sm">TOP10</a-typography-text>
            </a-typography-title>
            <a-typography-text class="inline-block" id="sub2-title3-right">
              单位：亿美元
            </a-typography-text>
          </a-flex>
          <a-table id="sub2-table3" size="small" :columns="columns3" :data-source="dataSource3" :pagination="false">
            <template #bodyCell="{ column, record }">
              <template v-if="column.key === 'count'">
                <a-typography-link :id="`sub2-table3-count-${record.index}`">
                  {{ record.count }}
                </a-typography-link>
              </template>
              <template v-if="column.key === 'city'">
                <a-image :src="record.city" :preview="false" :id="`sub2-table3-city-${record.index}`"></a-image>
              </template>
            </template>
          </a-table>
        </a-flex>
        <a-flex :vertical="true" class="bg-white p-4 max-w-[22%]" id="sub2-data-flex4">
          <a-flex class="justify-between" align="center" id="sub2-title4">
            <a-typography-title :level="5"  class="!m-0" id="sub2-title4-att">
              数据下载
            </a-typography-title>
            <a-typography-link id="sub2-title4-right" class="inline-block !text-gray-600 bg-gray-400 rounded-md text-sm px-2 py-1">
              更新
            </a-typography-link>
          </a-flex>
          <a-divider class="my-2" id="sub2-title4-divider"></a-divider>
          <a-typography-link :id="`sub2-datas-${index}`" v-for="(item, index) in subpage2Rights" :key="index" class="mb-2 flex items-center	">
            <a-typography-paragraph :id="`sub2-datas-before-${index}`" class="!m-0 w-2 h-2 inline-block bg-red-200 rounded-full"></a-typography-paragraph>
            <a-typography-paragraph :id="`sub2-datas-atp-${index}`" class="!m-0 !ml-1 max-w-[90%] flex">
              <a-typography-paragraph :id="`sub2-datas-content-${index}`" class="!m-0" :ellipsis="true">{{item.content}}</a-typography-paragraph>
              <a-typography-paragraph :id="`sub2-datas-time-${index}`" :ellipsis="true" class="!m-0 flex-1 text-gray-400 !mt-[2px] text-sm !ml-1">{{item.time}}</a-typography-paragraph>
            </a-typography-paragraph>
          </a-typography-link>
        </a-flex>
      </a-flex>
      <div class="bg-white p-4 mt-2" id="sub3-content">
        <a-flex align="center" class="justify-between" id="sub3-top">
          <a-typography-title class="!m-0" :level="5" id="sub3-title">县市数据</a-typography-title>
          <a-radio-group :value="0" name="radioGroup" id="sub3-radios">
            <a-radio :value="index" :id="`sub3-radio-${index}`" v-for="(item, index) in sub3Radio" :key="index">{{item}}</a-radio>
          </a-radio-group>
        </a-flex>
        <a-flex class="gap-2 mt-4" id="sub3-top-gdps">
          <a-typography-link :id="`sub3-top-gdp-link-${index}`" class="relative flex-1 bg-blue-300 px-2 py-8 rounded-xl" v-for="(item, index) in sub3Gdp" :key="index">
            <a-typography-text :id="`sub3-top-gdp-top-${index}`" class="absolute right-0 top-0 bg-yellow-700 !text-white text-sm rounded-bl-md rounded-tr-md px-1">{{"TOP" + (index + 1)}}</a-typography-text>
            <a-typography-text :id="`sub3-top-gdp-city-${index}`" class="!text-yellow-500 font-bold text-xl">{{item.city}}</a-typography-text>
            <a-flex class="mt-1" :id="`sub3-top-gdp-num-${index}`">
              <a-typography-text :id="`sub3-top-gdp-num-tip-${index}`" class="text-xs text-white bg-orange-300 rounded-md px-1">GDP</a-typography-text>
              <a-typography-text :id="`sub3-top-gdp-num-text-${index}`" class="text-xs ml-1 text-white">{{item.gdp}}</a-typography-text>
            </a-flex>
            <a-flex align="center" class="mt-1" :id="`sub3-top-gdp-link-bottom-${index}`">
              <EyeOutlined  class="text-gray-400" :id="`sub3-top-gdp-link-icon-${index}`"/>
              <a-typography-text class="ml-1 relative text-blue-700" :id="`sub3-top-gdp-link-person-${index}`">
                {{item.num }}
                <a-typography-text class="absolute text-red-400 text-sm" :id="`sub3-top-gdp-link-w-${index}`">{{item.dw}}</a-typography-text>
              </a-typography-text>
            </a-flex>
          </a-typography-link>
        </a-flex>
      </div>
      <div class="bg-white p-4 mt-2" id="sub3-content2">
        <a-flex align="center" class="justify-between" id="sub3-top2">
          <a-typography-title class="!m-0" :level="5" id="sub3-title2">省会/副省级/直辖市下辖区</a-typography-title>
          <a-radio-group :value="0" name="radioGroup" id="sub3-radios2">
            <a-radio :value="index" :id="`sub3-radio2-${index}`" v-for="(item, index) in sub3Radio" :key="index">{{item}}</a-radio>
          </a-radio-group>
        </a-flex>
        <a-flex class="gap-2 mt-4" id="sub3-top-gdps2">
          <a-typography-link :id="`sub3-top-gdp2-link-${index}`" class="relative flex-1 bg-blue-300 px-2 py-8 rounded-xl" v-for="(item, index) in sub3Gdp2" :key="index">
            <a-typography-text :id="`sub3-top-gdp2-top-${index}`" class="absolute right-0 top-0 bg-yellow-700 !text-white text-sm rounded-bl-md rounded-tr-md px-1">{{"TOP" + (index + 1)}}</a-typography-text>
            <a-typography-text :id="`sub3-top-gdp2-city-${index}`" class="!text-yellow-500 font-bold text-xl">{{item.city}}</a-typography-text>
            <a-flex class="mt-1" :id="`sub3-top-gdp2-num-${index}`">
              <a-typography-text :id="`sub3-top-gdp2-num-tip-${index}`" class="text-xs text-white bg-orange-300 rounded-md px-1">GDP</a-typography-text>
              <a-typography-text :id="`sub3-top-gdp2-num-text-${index}`" class="text-xs ml-1 text-white">{{item.gdp}}</a-typography-text>
            </a-flex>
            <a-flex align="center" class="mt-1" :id="`sub3-top-gdp2-link-bottom-${index}`">
              <EyeOutlined  class="text-gray-400" :id="`sub3-top-gdp2-link-icon-${index}`"/>
              <a-typography-text class="ml-1 relative text-blue-700" :id="`sub3-top-gdp2-link-person-${index}`">
                {{item.num }}
                <a-typography-text class="absolute text-red-400 text-sm" :id="`sub3-top-gdp2-link-w-${index}`">{{item.dw}}</a-typography-text>
              </a-typography-text>
            </a-flex>
          </a-typography-link>
        </a-flex>
      </div>
      <div class="bg-white p-4 mt-2" id="sub3-content3">
        <a-flex align="center" class="justify-between" id="sub3-top3">
          <a-typography-title class="!m-0" :level="5" id="sub3-title3">特色数据</a-typography-title>
          <a-typography-text class="text-red-400">数据量突破100亿+</a-typography-text>
        </a-flex>
        <a-divider id="sub3-divider" class="my-1"></a-divider>
        <a-flex id="sub3-footer" class="gap-8" align="center" justify="center">
          <a-flex :vertical="true" class="flex-1 text-center relative" v-for="(item, index) in sub3data" :key="index" :id="`sub3-footer-box${index}`">
            <a-typography-text class="absolute z-10 bg-white rounded-lg text-sm px-1 right-[-20px] top-[40%]" :id="`sub3-footer-num${index}`">{{item.num}}</a-typography-text>
            <a-image :id="`sub3-footer-img${index}`" class="max-w-[60px]" :src="item.img" :preview="false"></a-image>
            <a-typography-link class="block mt-2 text-sm" :ellipsis="true" :id="`sub3-footer-title${index}`" >{{item.title}}</a-typography-link>
          </a-flex>
        </a-flex>
      </div>
    </div>
  </div>
</template>

<script setup>
const list = ['中国 vs 美国', '广东 vs 江苏', '山东 vs 浙江', '河南 vs 四川', '湖北 vs 福建', '北京 vs上海', '深圳 vs 广州 vs 重庆', '苏州 vs 成都 vs 武汉 vs杭州', '宁波vs 青岛', '郑州 vs 福州 vs 济南', '昆山 vS 江阴', '慈溪 vs 宜兴 vs 神木'];

const data = [{title: '热门数据', tag: 'HOT', list: [
    {content: '农林水支出数据', sub:'（含地级市2017-2019）'},
    {content: '全国七次人口普查数据库', sub: '含省市区县数'},
    {content: '全国百强县排名', sub: '按所属地区排名含市辖区'},
    {content: '全国自然保护区数据', sub: '全国2800+个景区'},
    {content: '2024中国大学百强榜', sub: '鸥维数据首次发布'},
    {content: '中国县城全年热度监测榜', sub:'（鸥维数据发'},
    {content: '全国历年高校按专业录取分数线', sub: ''},
    {content: '电动车/新能源汽车销量排行榜', sub: '（按月'},
    {content: '中国城市数字经济指数数据', sub: '（2000'},
    {content: '中国两院院士数据库', sub: '1955-2023'},
  ]},
  {title: '最新数据', tag: 'NEW', list: [
    {content: '国家重点实验室数据', sub:'（仅收录大学', time: '1.12'},
    {content: '社科基金项目数据', sub:'（近10万条）', time: '1.11'},
    {content: '高校CNS论文数据', sub:'(Cell, Nature', time: '1.9'},
    {content: 'Nature论文数据', sub:'（2023不含港澳', time: '1.8'},
    {content: 'ESI论文数据', sub:'（2024.1-2024.11）', time: '1.7'},
    {content: '中国高校经费预算数据', sub:'（2019', time: '1.5'},
    {content: '成果获奖数据', sub:'（包含多个奖项数据）', time: '1.4'},
    {content: '高校一流学科数据', sub:'（收录双一流学', time: '1.2'},
    {content: '中国城市营商环境数据', sub:'（北京大', time: '12.29'},
    {content: '城市医疗数据', sub:'（2020-2023地级', time: '12.25'},
  ]}
];
const usImg1 = 'https://picsum.photos/id/4/80/80';
const usImg2 = 'https://picsum.photos/id/5/80/80';


const value = '1';
const cityGDP = [
  {city: '上海市', gdp: '53926.71', num: '18.88'},
  {city: '北京市', gdp: '49843.1', num: '15.88'},
  {city: '深圳市', gdp: '36801.87', num: '14.68'},
  {city: '重庆市', gdp: '32193.15', num: '17.23'},
  {city: '广州市', gdp: '31032.5', num: '3.09'},
  {city: '苏州市', gdp: '26700亿', num: '2.20'},
  {city: '成都市', gdp: '23511.3', num: '16.83'},
  {city: '杭州市', gdp: '21860亿', num: '2.17'},
  {city: '武汉市', gdp: '21000亿', num: '2.45'},
  {city: '南京市', gdp: '18500.81', num: '1.96'},
];
const areaGDP = [
  {city: '南海区', gdp: '4000', gdps: '1.11w', index:'1'},
  {city: '武进区', gdp: '3400', gdps: '5.48k', index:'2'},
  {city: '虎丘区', gdp: '1912', gdps: '6.01k', index:'3'},
  {city: '崇川区', gdp: '1840', gdps: '4.72k', index:'4'},
  {city: '铜山区', gdp: '1450', gdps: '3.55k', index:'5'},
  {city: '江都区', gdp: '1390', gdps: '3.37k', index:'6'},
  {city: '相城区', gdp: '1300', gdps: '2.70k', index:'7'},
  {city: '克拉玛依区', gdp: '1300', gdps: '1.41k', index:'8'},
  {city: '锡山区', gdp: '1300', gdps: '5.95k', index:'9'},
  {city: '蕉城区', gdp: '1206', gdps: '1.78k', index:'10'},
];
const columns1 = [
  {
    title: '排序',
    dataIndex: 'index',
    key: 'index',
  },
  {
    title: '地区',
    dataIndex: 'city',
    key: 'city',
  },
  {
    title: 'GDP/亿',
    dataIndex: 'gdp',
    key: 'gdp',
  },
  {
    title: '人均GDP',
    dataIndex: 'gdps',
    key: 'gdps',
  },
]

const columns2 = [
  {
    title: '排序',
    dataIndex: 'index',
    key: 'index',
  },
  {
    title: '地区',
    dataIndex: 'city',
    key: 'city',
  },
  {
    title: 'GDP/亿',
    dataIndex: 'gdp',
    key: 'gdp',
  },
  {
    title: '访问量',
    dataIndex: 'gdps',
    key: 'gdps',
  },
]

const columns3 = [
  {
    title: '排序',
    dataIndex: 'index',
    key: 'index',
  },
  {
    title: '国旗',
    dataIndex: 'city',
    key: 'city',
  },
  {
    title: '国家',
    dataIndex: 'count',
    key: 'count',
  },
  {
    title: 'GDP',
    dataIndex: 'gdp',
    key: 'gdp',
  },
]

const sub2Radio =  [
'GDP',
'GDP增长率',
'人均GDP',
'常住人口',
'税收收入',
'旅游收入',
'大学数量',
'医院数量',
'房产均价',
'城市面积',
'热度排名'
]


const dataSource1 = [
  {city: '广东省', gdp: '135673.16', gdps: '10.72w', index:'1' },
  {city: '江苏省', gdp: '128222.2', gdps: '15.06w', index:'2' },
  {city: '山东省', gdp: '92069', gdps: '9.06w', index:'3' },
  {city: '浙江省', gdp: '82553', gdps: '12.55w', index:'4' },
  {city: '四川省', gdp: '60132.9', gdps: '7.18W', index:'5' },
  {city: '河南省', gdp: '59132.39', gdps: '5.99W', index:'6' },
  {city: '湖北省', gdp: '55803.63', gdps: '9.55w', index:'7' },
  {city: '福建省', gdp: '54355.1', gdps: '12.98w', index:'8' },
  {city: '湖南省', gdp: '50012.85', gdps: '7.57w', index:'9' },
  {city: '台湾省', gdp: '49986', gdps: '21.28w', index:'10' }
]

const dataSource3 = [
  {city: 'https://picsum.photos/id/1/50/20', gdp: '269496.40', count: '美国', index:'1' },
  {city: 'https://picsum.photos/id/2/50/20', gdp: '177009', count: '中国', index:'2' },
  {city: 'https://picsum.photos/id/3/50/20', gdp: '44298.40', count: '德国', index:'3' },
  {city: 'https://picsum.photos/id/4/50/20', gdp: '42308.60', count: '日本', index:'4' },
  {city: 'https://picsum.photos/id/5/50/20', gdp: '37322.20', count: '印度', index:'5' },
  {city: 'https://picsum.photos/id/6/50/20', gdp: '33320.60', count: '英国', index:'6' },
  {city: 'https://picsum.photos/id/7/50/20', gdp: '30490.20', count: '法国', index:'7' },
  {city: 'https://picsum.photos/id/8/50/20', gdp: '21860.80', count: '意大利', index:'8' },
  {city: 'https://picsum.photos/id/9/50/20', gdp: '21268.10', count: '巴西', index:'9' },
  {city: 'https://picsum.photos/id/10/50/20', gdp: '21178.10', count: '加拿大', index:'10' }
]


const subpage2Rights = [
  {
    content: '全国城市医疗数据（2020-2023地级市及',
    time: '2024-12-17'
  },
  {
    content: '2024年中国祠堂数据库',
    time: '2024-12-17'
  },
  {
    content: '企业历史融资数据（1986.9-2024.2年',
    time: '2024-12-17'
  },
  {
    content: '药品库（更新2023年6月）',
    time: '2024-12-17'
  },
  {
    content: '全国医院库，含医院、卫生院等数据',
    time: '2024-12-07'
  },
  {
    content: '地级市电子商务交易额（2011-2022年）',
    time: '2024-12-17'
  },
  {
    content: '中国高铁航线数据库CRAD（2023年）',
    time: '2024-12-17'
  },
  {
    content: '全国民航机场旅客吞吐量、货邮吞吐量及',
    time: '2024-12-17'
  },
  {
    content: '地级市-就业人员技能、就业学历结构',
    time: '2024-12-17'
  },
  {
    content: '地级市+县域的城市极端气候研究数据',
    time: '2024-12-17'
  },
  {
    content: '各省市地方财政收入与财政支出（1998',
    time: '2024-12-17'
  },
  {
    content: '地级市八大类居民消费价格指数CPI（200',
    time: '2024-12-17'
  },
  {
    content: '上市公司制造业数据大全1990-2023年',
    time: '2024-12-17'
  },
  {
    content: '高新技术企业数据库（1990-2024年）44',
    time: '2024-12-17'
  },
]


const sub3Gdp = [
  {city: '宜兴市', gdp: '2450亿', num: '2.38', dw: 'w'},
  {city: '如皋市', gdp: '1650亿', num: '1.30', dw: 'w'},
  {city: '沭阳县', gdp: '1500亿', num: '1.23', dw: 'w'},
  {city: '迂安市', gdp: '1310亿', num: '5.93', dw: 'k'},
  {city: '惠安县', gdp: '1270亿', num: '1.59', dw: 'w'},
  {city: '石狮市', gdp: '1260亿', num: '8.87', dw: 'k'},
  {city: '兴化市', gdp: '1215亿', num: '8.65', dw: 'k'},
  {city: '东台市', gdp: '1180亿', num: '8.34', dw: 'k'},
  {city: '府谷县', gdp: '1150亿', num: '1.39', dw: 'w'},
  {city: '邹城市', gdp: '1100亿', num: '4.13', dw: 'k'},
];

const sub3data = [
  {title: '专利数据', img: 'https://picsum.photos/id/1/60/60', num: '1000W+'},
  {title: '汽车数据', img: 'https://picsum.photos/id/2/60/60', num: '销售+上牌'},
  {title: '博士论文', img: 'https://picsum.photos/id/3/60/60', num: '90000+'},
  {title: '高新技术企业', img: 'https://picsum.photos/id/4/60/60', num: '50w+'},
  {title: '农业企业', img: 'https://picsum.photos/id/5/60/60', num: '190w+'},
  {title: '酒店旅馆', img: 'https://picsum.photos/id/6/60/60', num: '18w+'},
  {title: '药店数据', img: 'https://picsum.photos/id/7/60/60', num: '6w+'},
  {title: '银行数据', img: 'https://picsum.photos/id/8/60/60', num: '23w+'},
  {title: '协会数据', img: 'https://picsum.photos/id/9/60/60', num: '2w+'},
  {title: '瞪羚/独角兽', img: 'https://picsum.photos/id/10/60/60', num: '3.3w+'},
  {title: '会计事务所', img: 'https://picsum.photos/id/11/60/60', num: '1.2w+'},
  {title: '图书馆数据', img: 'https://picsum.photos/id/12/60/60', num: '0.2w+'},
]

const sub3Gdp2 = [
  {city: '浦东新区', gdp: '17300亿', num: '1.36', dw: 'w'},
  {city: '闵行区', gdp: '3200亿', num: '2.93', dw: 'k'},
  {city: '江宁区', gdp: '3150亿', num: '1.12', dw: 'w'},
  {city: '丰台区', gdp: '2300亿', num: '3.27', dw: 'k'},
  {city: '汉南区', gdp: '2200亿', num: '4.42', dw: 'k'},
  {city: '武昌区', gdp: '2000亿', num: '2.33', dw: 'k'},
  {city: '东西湖区', gdp: '1900亿', num: '3.51', dw: 'k'},
  {city: '江汉区', gdp: '1740亿', num: '3.36', dw: 'k'},
  {city: '江岸区', gdp: '1700亿', num: '2.69', dw: 'k'},
  {city: '涪陵区', gdp: '1700亿', num: '3.58', dw: 'k'},
];

const sub3Radio =  [
'GDP',
'GDP增长率',
'第一产业',
'第二产业',
'第三产业',
'户籍人口',
'人均GDP',
'财政收入',
'热度排名'
]

</script>
<style></style>
